const r = `
<template>\r
  <s-form label-width="8em" colon="：">\r
    <s-form-item label="数字输入框布局">\r
      <s-radio-group v-model="options.layout" :options="layoutList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="数字输入框主题">\r
      <s-radio-group v-model="options.theme" :options="themeList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="文本排列方向">\r
      <s-radio-group v-model="options.align" :options="alignList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="是否无边框">\r
      <s-radio-group v-model="options.borderless" :options="isOrNotList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="是否显示前后缀">\r
      <s-radio-group v-model="options.prefixAndSuffix" :options="isOrNotList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="是否只读">\r
      <s-radio-group v-model="options.readonly" :options="isOrNotList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="是否禁用">\r
      <s-radio-group v-model="options.disabled" :options="isOrNotList"></s-radio-group>\r
    </s-form-item>\r
    <s-form-item label="数字输入框示例">\r
      <s-input-number\r
        v-model="options.value"\r
        placeholder="请输入金额"\r
        decimal-places="2"\r
        max="10"\r
        min="0"\r
        :layout="options.layout"\r
        :theme="options.theme"\r
        :align="options.align"\r
        :borderless="options.borderless"\r
        :readonly="options.readonly"\r
        :disabled="options.disabled"\r
      >\r
        <template v-if="options.prefixAndSuffix" #prefix>金额：</template>\r
        <template v-if="options.prefixAndSuffix" #suffix>元</template>\r
      </s-input-number>\r
    </s-form-item>\r
  </s-form>\r
</template>\r
\r
<script lang="ts">\r
import {\r
  INPUT_NUMBER_LAYOUT_DEFAULT,\r
  INPUT_NUMBER_LAYOUT_LABEL,\r
  INPUT_NUMBER_LAYOUT_OPTIONS,\r
  INPUT_NUMBER_TEXT_ALIGN_DEFAULT,\r
  INPUT_NUMBER_THEME_DEFAULT,\r
  INPUT_NUMBER_THEME_LABEL,\r
  INPUT_NUMBER_THEME_OPTIONS,\r
  TEXT_ALIGN_LABEL,\r
  TEXT_ALIGN_OPTIONS,\r
} from "@smartcity/simple-ui";\r
import { Component, Vue } from "vue-property-decorator";\r
\r
@Component\r
export default class DefaultInputNumber extends Vue {\r
  /**\r
   * @description: 布局列表\r
   * @private\r
   * @readonly\r
   * @type {Array<Object>}\r
   */\r
  readonly layoutList = INPUT_NUMBER_LAYOUT_OPTIONS.map((layout) => ({\r
    value: layout,\r
    label: INPUT_NUMBER_LAYOUT_LABEL.get(layout),\r
  }));\r
  \r
  /**\r
   * @description: 主题列表\r
   * @private\r
   * @readonly\r
   * @type {Array<Object>}\r
   */\r
  readonly themeList = INPUT_NUMBER_THEME_OPTIONS.map((theme) => ({\r
    value: theme,\r
    label: INPUT_NUMBER_THEME_LABEL.get(theme),\r
  }));\r
\r
  /**\r
   * @description: 排列方向列表\r
   * @private\r
   * @readonly\r
   * @type {Array<Object>}\r
   */\r
  readonly alignList = TEXT_ALIGN_OPTIONS.map((align) => ({\r
    value: align,\r
    label: TEXT_ALIGN_LABEL.get(align),\r
  }));\r
\r
  /**\r
   * @description: 是否列表\r
   * @private\r
   * @readonly\r
   * @type {Array<Object>}\r
   */\r
  readonly isOrNotList = [\r
    { value: true, label: "是" },\r
    { value: false, label: "否" },\r
  ];\r
\r
  /**\r
   * @description: 组件配置项\r
   * @private\r
   * @type {Object}\r
   */\r
  options = {\r
    value: null, // 输入框内容\r
    layout: INPUT_NUMBER_LAYOUT_DEFAULT, // 数字输入框布局\r
    theme: INPUT_NUMBER_THEME_DEFAULT, // 数字输入框主题\r
    align: INPUT_NUMBER_TEXT_ALIGN_DEFAULT, // 文本排列方向\r
    borderless: false, // 是否不显示边框\r
    prefixAndSuffix: false, // 是否显示前后缀\r
    readonly: false, // 是否只读\r
    disabled: false, // 是否禁用\r
  };\r
}\r
<\/script>\r
`; export { r as default };
